<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<%
	String path = request.getContextPath();
	String basePath = request.getScheme() + "://"
			+ request.getServerName() + ":" + request.getServerPort()
			+ path + "/";
%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>精英大侠-最专业的电脑销售网站</title>

<link href="${pageContext.request.contextPath}/css/bootstrap.css"
	rel="stylesheet" type="text/css" media="all">
<link href="${pageContext.request.contextPath}/css/style.css"
	rel="stylesheet" type="text/css" media="all" />
<meta name="viewport"
	content="width=device-width, initial-scale=1, maximum-scale=1">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1">
<script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false); function hideURLbar(){ window.scrollTo(0,1); } </script>
<link href='http://fonts.useso.com/css?family=Montserrat:400,700'
	rel='stylesheet' type='text/css'>
<script src="${pageContext.request.contextPath}/js/jquery.min.js"></script>
<script type="text/javascript"
	src="${pageContext.request.contextPath}/js/easing.js"></script>
<link rel="stylesheet"
	href="${pageContext.request.contextPath}/css/flexslider.css"
	type="text/css" media="screen" />
<link href="${pageContext.request.contextPath}/css/megamenu.css"
	rel="stylesheet" type="text/css" media="all" />
<script type="text/javascript"
	src="${pageContext.request.contextPath}/js/megamenu.js"></script>
<script>
	$(document).ready(function() {
		$(".megamenu").megamenu();
	});
</script>
<script src="${pageContext.request.contextPath}/js/menu_jquery.js"></script>
<link rel="stylesheet"
	href="${pageContext.request.contextPath}/css/etalage.css">
<script
	src="${pageContext.request.contextPath}/js/jquery.easydropdown.js"></script>
<script
	src="${pageContext.request.contextPath}/js/jquery.etalage.min.js"></script>
<script>
	jQuery(document)
			.ready(
					function($) {

						$('#etalage')
								.etalage(
										{
											thumb_image_width : 300,
											thumb_image_height : 400,
											source_image_width : 900,
											source_image_height : 1200,
											show_hint : true,
											click_callback : function(
													image_anchor, instance_id) {
												alert('Callback example:\nYou clicked on an image with the anchor: "'
														+ image_anchor
														+ '"\n(in Etalage instance: "'
														+ instance_id + '")');
											}
										});

					});
</script>

<script type="text/javascript"
	src="${pageContext.request.contextPath}/js/jquery.jscrollpane.min.js"></script>
<script type="text/javascript" id="sourcecode">
	$(function() {
		$('.scroll-pane').jScrollPane();
	});
</script>


</head>
<body>
	<!-- header -->
	<div class="header">
		<div class="top_bg">
			<div class="container">
				<div class="header_top">
					<div class="logo">
						<a href="${pageContext.request.contextPath}/customer/indexUI.action"><img
							src="${pageContext.request.contextPath}/images/logo.png" alt="" />
						</a>
					</div>
					<br> <br> &nbsp; &nbsp; &nbsp; <span>
						<form action="#">
							&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <input type="text"
								style="height:40px;" size="80"> <input type="submit"
								value="搜索" style="height:40px;width:90px">

						</form> </span>

					<div class="top_right">
						<ul>
							<li>${sessionScope.customer.customerName}</li>
							<li><a href="#">免费注册 </a></li>
							<li><a href="${pageContext.request.contextPath}/link/test.action">联系我们</a></li>
							<li class="login">
								<div id="loginContainer">
									<a href="#" id="loginButton"><span>登录</span> </a>
									<div id="loginBox">
										<form id="loginForm"
											action="${pageContext.request.contextPath}/customer/customerLogin.action"
											method="post">
											<fieldset id="body">
												<fieldset>
													<label for="email">邮箱地址</label> <input type="text"
														name="customerEmail" id="email">
												</fieldset>
												<fieldset>
													<label for="password">密码</label> <input type="password"
														name="customerPassword" id="password">
												</fieldset>
												<input type="submit" id="login" value="登录"> <label
													for="checkbox"><input type="checkbox" id="checkbox">
													<i>下次自动登录</i> </label>
											</fieldset>
											<span><a href="#">忘记密码?</a> </span>
										</form>
									</div>
								</div>
							</li>
						</ul>
					</div>
					<div class="clearfix"></div>
				</div>
			</div>
		</div>
	</div>
	<div class="head-bann">
		<div class="container">
			<div class="head-nav">
				<span class="menu"> </span>
				<ul class="megamenu skyblue">
					<li><a class="color1" href="${pageContext.request.contextPath}/customer/indexUI.action">首页</a>
					</li>
					<li class="grid"><a class="color2"
						href="${pageContext.request.contextPath}/goods/brand.action">电脑办公</a>
						<div class="megapanel">
							<div class="row">
								<div class="col1">
									<div class="h_nav">
										<h4>电脑整机</h4>
										<ul>
											<li><a href="#">笔记本</a>
											</li>
											<li><a href="#">游戏本</a>
											</li>
											<li><a href="#">台式机</a>
											</li>
											<li><a href="#">一体机</a>
											</li>
											<li><a href="#">服务器</a>
											</li>
											<li><a href="#">联想</a>
											</li>
										</ul>
									</div>
								</div>
								<div class="col1">
									<div class="h_nav">
										<h4>电脑配件</h4>
										<ul>
											<li><a href="#">CPU</a>
											</li>
											<li><a href="#">SSD硬盘</a>
											</li>
											<li><a href="#">显示器</a>
											</li>
											<li><a href="#">显卡</a>
											</li>
											<li><a href="#">组装电脑</a>
											</li>
											<li><a href="#">机箱</a>
											</li>
										</ul>
									</div>
								</div>
								<div class="col1">
									<div class="h_nav">
										<h4>外设&游戏</h4>
										<ul>
											<li><a href="#">键盘</a>
											</li>
											<li><a href="#">鼠标</a>
											</li>
											<li><a href="#">U盘</a>
											</li>
											<li><a href="#">移动硬盘</a>
											</li>
											<li><a href="#">游戏设备</a>
											</li>
											<li><a href="#">VR设备</a>
											</li>
										</ul>
									</div>
								</div>
								<div class="col1">
									<div class="h_nav">
										<h4>办公设备</h4>
										<ul>
											<li><a href="#">摄影机</a>
											</li>
											<li><a href="#">打印机</a>
											</li>
											<li><a href="#">点钞机</a>
											</li>
											<li><a href="#">碎纸机</a>
											</li>
											<li><a href="#">考勤机</a>
											</li>
											<li><a href="#">保险柜</a>
											</li>
										</ul>
									</div>
								</div>
								<div class="col1">
									<div class="h_nav">
										<h4>文具耗材</h4>
										<ul>
											<li><a href="#">学生文具</a>
											</li>
											<li><a href="#">办公文具</a>
											</li>
											<li><a href="#">纸类</a>
											</li>
											<li><a href="#">打印耗材</a>
											</li>

										</ul>
									</div>
								</div>

								<div class="col1">
									<div class="h_nav">
										<h4>促销快报</h4>
										<ul>
											<li><a href="#">折价商品</a>
											</li>
											<li><a href="#">本周热门</a>
											</li>
											<li><a href="#">最新商品</a>
											</li>

										</ul>
									</div>
								</div>
							</div>
							<div class="row">
								<div class="col2"></div>
								<div class="col1"></div>
								<div class="col1"></div>
								<div class="col1"></div>
								<div class="col1"></div>
							</div>
						</div></li>


					<li><a class="color4" href="${pageContext.request.contextPath}/goods/brand.action">品牌馆</a>
						<div class="megapanel">
							<div class="row">
								<div class="col1">
									<div class="h_nav">
										<h4>联想</h4>
										<ul>
											<li><a href="#">ThinkPad New S3</a>
											</li>
											<li><a href="#">YOGA5 Pro</a>
											</li>
											<li><a href="#">小新 air13 Pro</a>
											</li>
											<li><a href="#">拯救者</a>
											</li>
											<li><a href="#">天逸310</a>
											</li>
											<li><a href="#">710S</a>
											</li>
										</ul>
									</div>
								</div>
								<div class="col1">
									<div class="h_nav">
										<h4>华硕</h4>
										<ul>
											<li><a href="#">U4000UQ</a>
											</li>
											<li><a href="#">FX-PRO</a>
											</li>
											<li><a href="#">灵耀3</a>
											</li>
											<li><a href="#">顽石四代</a>
											</li>
											<li><a href="#">玩家国度</a>
											</li>
											<li><a href="#">G11飞行堡垒</a>
											</li>
										</ul>
									</div>
								</div>
								<div class="col1">
									<div class="h_nav">
										<h4>ThinkPad</h4>
										<ul>
											<li><a href="#">黑侠E570</a>
											</li>
											<li><a href="#">NewS2</a>
											</li>
											<li><a href="#">E450</a>
											</li>
											<li><a href="#">黑将S5</a>
											</li>
											<li><a href="#">E450</a>
											</li>
											<li><a href="#">X260</a>
											</li>
										</ul>
									</div>
								</div>
								<div class="col1">
									<div class="h_nav">
										<h4>微星</h4>
										<ul>
											<li><a href="#">GP62</a>
											</li>
											<li><a href="#">GL62</a>
											</li>
											<li><a href="#">GS73</a>
											</li>

										</ul>
									</div>
								</div>
								<div class="col1">
									<div class="h_nav">
										<h4>戴尔</h4>
										<ul>
											<li><a href="#">灵越</a>
											</li>
											<li><a href="#">成就</a>
											</li>
											<li><a href="#">7040MT</a>
											</li>
											<li><a href="#">一体机</a>
											</li>
											<li><a href="#">灵越飞匣</a>
											</li>

										</ul>
									</div>
								</div>
								<div class="col1">
									<div class="h_nav">
										<h4>惠普</h4>
										<ul>
											<li><a href="#">HP ENVY</a>
											</li>
											<li><a href="#">暗影精灵II</a>
											</li>
											<li><a href="#">22-b030cn</a>
											</li>
											<li><a href="#">24ES</a>
											</li>
											<li><a href="#">一体机</a>
											</li>
											<li><a href="#">商务本</a>
											</li>
										</ul>
									</div>
								</div>
							</div>
							<div class="row">
								<div class="col2"></div>
								<div class="col1"></div>
								<div class="col1"></div>
								<div class="col1"></div>
								<div class="col1"></div>
							</div>
						</div></li>
					<li><a class="color5" href="#">游戏部落</a></li>

					<li><a class="color6" href="#">装机大师</a>
					</li>
					<li><a class="color7" href="${pageContext.request.contextPath}/orders/shoppingcarshow.action">购物车</a></li>
					<li><a class="color8" href="${pageContext.request.contextPath}/link/test.action">联系我们</a>
					</li>
					<div class="clearfix"></div>
				</ul>
			</div>
		</div>
	</div>
	<!-- script-for-nav -->
	<script>
		$("span.menu").click(function() {
			$(".head-nav ul").slideToggle(300, function() {
				// Animation complete.
			});
		});
	</script>
	<!-- script-for-nav -->

	<div class="banner1">
		<div class="container"></div>
	</div>
	<!-- header -->
	<!-- content -->
	<div class="container">
		<div class="women_main">
			<div class="col-md-3 span_1_of_right1">
				<section class="sky-form">
				<div class="product_right">
					<h3 class="m_2">搜索</h3>
					<select class="dropdown" tabindex="10"
						data-settings='{"wrapperClass":"metro"}'>
						<option value="0">类型</option>
						<option value="1">笔记本</option>
						<option value="2">台式机</option>
						<option value="3">一体机</option>
						<option value="4">平板</option>
					</select> <label class="me"></label> <select class="dropdown" tabindex="50"
						data-settings='{"wrapperClass":"metro"}'>
						<option value="1">价格</option>
						<option value="2">1,999-2,999</option>
						<option value="3">2,999-3,999</option>
						<option value="4">3,999-4,999</option>
						<option value="5">4,999-5,999</option>
						<option value="6">5,999以上</option>
					</select> <label class="wom"></label> <select class="dropdown" tabindex="8"
						data-settings='{"wrapperClass":"metro"}'>
						<option value="1">品牌</option>
						<option value="2">联想</option>
						<option value="3">华硕</option>
						<option value="4">惠普</option>
						<option value="5">戴尔</option>
						<!-- 	<select class="dropdown" tabindex="8"
							data-settings='{"wrapperClass":"metro"}'>
							<option value="1">平板</option>
							<option value="2">Sub Category1</option>
							<option value="3">Sub Category2</option>
							<option value="4">Sub Category3</option>
						</select>
						
						 <label class="spo"></label> -->
						<input type="submit" submit="提交信息" />
				</div>

				</section>

				<div class="sellers">
					<h3 class="m_2">本周热卖</h3>
					<c:forEach items="${sessionScope.goodsCustomWeekHot3 }"
						var="goodsCustomWeekHot3" varStatus="status">
					<div class="best">
						<div class="icon">
						<a href="${pageContext.request.contextPath}/goods/detailGoods.action?id=${goodsCustomWeekHot3.goodsId}">
							<img src="${goodsCustomWeekHot3.uploadLocation}${goodsCustomWeekHot3.uploadName}"
								class="img-responsive" alt="" />
								</a>
						</div>
						<div class="data">
							<h4>
								<a href="#">${goodsCustomWeekHot3.goodsBrand}${goodsCustomWeekHot3.goodsName}</a>
							</h4>
							<p>￥8999</p>
							<h5>￥${goodsCustomWeekHot3.goodsPrice }</h5>
						</div>
						<div class="clearfix"></div>
					</div></c:forEach>
					<!-- 
					<div class="best">
						<div class="icon">
							<img src="${pageContext.request.contextPath}/images/sh.jpg"
								class="img-responsive" alt="" />
						</div>
						<div class="data">
							<h4>
								<a href="#">Sample Item Title Goes Here</a>
							</h4>
							<p>$120.00</p>
							<h5>$120.00</h5>
						</div>
						<div class="clearfix"></div>
					</div>
					<div class="best">
						<div class="icon">
							<img src="${pageContext.request.contextPath}/images/sh.jpg"
								class="img-responsive" alt="" />
						</div>
						<div class="data">
							<h4>
								<a href="#">测试</a>
							</h4>
							<p>$120.00</p>
							<h5>$120.00</h5>
						</div>
						<div class="clearfix"></div>
					</div>
					 -->
				</div>

				<div class="sellers">
					<h3 class="m_2">品牌</h3>
					<div class="tags">
						<ul>
							<li><a href="#">笔记本</a>
							</li>
							<li><a href="#">游戏本</a>
							</li>
							<li><a href="#">游戏本</a>
							</li>
							<li><a href="#">台式机</a>
							</li>
							<li><a href="#">一体机</a>
							</li>
							<li><a href="#">联想</a>
							</li>
							<li><a href="#">华硕</a>
							</li>
							<li><a href="#">宏碁</a>
							</li>
							<li><a href="#">戴尔</a>
							</li>
							<li><a href="#">全部</a>
							</li>
							<li><a href="#">键盘</a>
							</li>
							<li><a href="#">鼠标</a>
							</li>
							<li><a href="#">U盘</a>
							</li>
							<li><a href="#">移动硬盘</a>
							</li>
							<li><a href="#">游戏设备</a>
							</li>
							<li><a href="#">CPU</a>
							</li>
							<li><a href="#">SSD硬盘</a>
							</li>
							<li><a href="#">显示器</a>
							</li>
							<li><a href="#">显卡</a>
							</li>
							<li><a href="#">组装电脑</a>
							</li>
						</ul>
					</div>
				</div>
				<section class="sky-form">
				<div class="sellers">
					<h3 class="m_2">每日推介</h3>
					<section class="slider">
					<div class="flexslider">
						<ul class="slides">
							<c:forEach items="${sessionScope.goodsCustomWeekHot4}"
								var="goodsCustomWeekHot4" varStatus="status">
								<li>
									<div class="tittle">
										<img
											src="${goodsCustomWeekHot4.uploadLocation }${goodsCustomWeekHot4.uploadName}"
											class="img-responsive" alt="" />
										<h6>${goodsCustomWeekHot4.goodsBrand
											}${goodsCustomWeekHot4.goodsName}</h6>
										<p>学霸也为电竞狂</p>
										<p>满1000立减100</p>
										<p>限量发售</p>
										<a class="show1"
											href="${pageContext.request.contextPath}/goods/detailGoods.action?id=${goodsCustomWeekHot4.goodsId}">立
											即 查 看</a>
									</div></li>
							</c:forEach>
							<!-- <li>
								<div class="tittle">
									<img src="${pageContext.request.contextPath}/images/shoe.jpg" class="img-responsive" alt="" />
									<h6>Item Title Here</h6>
									<p>Lorem ipsum dolor sit amet,</p>
									<p>Lorem ipsum dolor sit amet,</p>
									<p>Lorem ipsum dolor sit amet,</p>
									<a class="show1" href="#">SHOW ME MORE</a>
								</div></li>
								<li>
								<div class="tittle">
									<img src="images/shoe.jpg" class="img-responsive" alt="" />
									<h6>Item Title Here</h6>
									<p>Lorem ipsum dolor sit amet,</p>
									<p>Lorem ipsum dolor sit amet,</p>
									<p>Lorem ipsum dolor sit amet,</p>
									<a class="show1" href="#">SHOW ME MORE</a>
								</div></li>
							<li>
								<div class="tittle">
									<img src="images/shoe.jpg" class="img-responsive" alt="" />
									<h6>Item Title Here</h6>
									<p>Lorem ipsum dolor sit amet,</p>
									<p>Lorem ipsum dolor sit amet,</p>
									<p>Lorem ipsum dolor sit amet,</p>
									<a class="show1" href="#">SHOW ME MORE</a>
								</div></li> -->
						</ul>
					</div>
					</section>

					<!-- FlexSlider -->
					<script defer
						src="${pageContext.request.contextPath}/js/jquery.flexslider.js"></script>
					<script type="text/javascript">
						$(function() {
							SyntaxHighlighter.all();
						});
						$(window).load(function() {
							$('.flexslider').flexslider({
								animation : "slide",
								start : function(slider) {
									$('body').removeClass('loading');
								}
							});
						});
					</script>
					<!-- FlexSlider -->

				</div>
				</section>


			</div>
			<div class="col-md-9 w_content">
				<div class="women">
					<a href="#"><h4>
							热门搜索：低至9.9&nbsp;顽石四代&nbsp;游戏显示器&nbsp;免费试用&nbsp;办公精选&nbsp;企采直降</h4> </a>
					<ul class="w_nav">
						<li>分组</li>
						<li><a class="active" href="#">全部商品</a>
						</li> 
						<li><a href="#">新款 </a>
						</li> 
						<li><a href="#">品牌</a>
						</li> 
						<li><a href="#">折扣</a>
						</li>
						<div class="clear"></div>
					</ul>
					<div class="clearfix"></div>
				</div>
				<!-- grids_of_4 -->

				<div class="grids_of_4">
					<div class="grid1_of_4">
						<div class="content_box">
							<a
								href="${pageContext.request.contextPath}/goods/detailGoods.action?id=${sessionScope.goodsCustom1.goodsId}">
								<div class="view view-fifth">
									<img
										src="${sessionScope.goodsCustom1.uploadLocation }${sessionScope.goodsCustom1.uploadName }"
										class="img-responsive" alt="" />
									<div class="mask">
										<div class="info">精英大侠</div>
									</div>
							</a>
						</div>
						<h4>
							<a href="${pageContext.request.contextPath}/goods/detailGoods.action?id=${sessionScope.goodsCustom1.goodsId}">${sessionScope.goodsCustom1.goodsBrand
								}${sessionScope.goodsCustom1.goodsName }</a>
						</h4>
						<p>${sessionScope.goodsCustom1.goodsDescription }</p>
						<span>￥${sessionScope.goodsCustom1.goodsPrice }</span>
					</div>
				</div>
				<!-- testest -->
				<div class="grid1_of_4">
					<div class="content_box">
						<a
							href="${pageContext.request.contextPath}/goods/detailGoods.action?id=${sessionScope.goodsCustom2.goodsId}">
							<div class="view view-fifth">
								<img
									src="${sessionScope.goodsCustom2.uploadLocation }${sessionScope.goodsCustom2.uploadName }"
									class="img-responsive" alt="" />
								<div class="mask">
									<div class="info">Quick View</div>
								</div>
						</a>
					</div>
					<h4>
						<a href="#">${sessionScope.goodsCustom2.goodsBrand
							}${sessionScope.goodsCustom2.goodsName }</a>
					</h4>
					<p>${sessionScope.goodsCustom2.goodsDescription }</p>
					<span>￥${sessionScope.goodsCustom2.goodsPrice }</span>
				</div>
			</div>
			<div class="grid1_of_4">
				<div class="content_box">
					<a
						href="${pageContext.request.contextPath}/goods/detailGoods.action?id=${sessionScope.goodsCustom3.goodsId}">
						<div class="view view-fifth">
							<img
								src="${sessionScope.goodsCustom3.uploadLocation }${sessionScope.goodsCustom3.uploadName }"
								class="img-responsive" alt="" />
							<div class="mask">
								<div class="info">Quick View</div>
							</div>
					</a>
				</div>
				<h4>
					<a href="#">${sessionScope.goodsCustom3.goodsBrand
						}${sessionScope.goodsCustom3.goodsName }</a>
				</h4>
				<p>${sessionScope.goodsCustom1.goodsDescription }</p>
				<span>￥${sessionScope.goodsCustom1.goodsPrice}</span>

			</div>
		</div>


		<div class="grid1_of_4">
			<div class="content_box">
				<a
					href="${pageContext.request.contextPath}/goods/detailGoods.action?id=${sessionScope.goodsCustom4.goodsId}">
					<div class="view view-fifth">
						<img
							src="${sessionScope.goodsCustom4.uploadLocation }${sessionScope.goodsCustom4.uploadName }"
							class="img-responsive" alt="" />
						<div class="mask">
							<div class="info">Quick View</div>
						</div>
				</a>
			</div>
			<h4>
				<a href="#">${sessionScope.goodsCustom1.goodsBrand
					}${sessionScope.goodsCustom1.goodsName }</a>
			</h4>
			<p>${sessionScope.goodsCustom4.goodsDescription }</p>
			<span>￥${sessionScope.goodsCustom4.goodsPrice }</span>
		</div>
	</div>
	<c:forEach items="${sessionScope.goodsCustomsRest}"
		var="goodsCustomsRest" varStatus="status ">
		<div class="grid1_of_4">
			<div class="content_box">
				<a
					href="${pageContext.request.contextPath}/goods/detailGoods.action?id=${goodsCustomsRest.goodsId}">
					<div class="view view-fifth">
						<img
							src="${goodsCustomsRest.uploadLocation }${goodsCustomsRest.uploadName }"
							class="img-responsive" alt="" />
						<div class="mask">
							<div class="info"></div>
						</div>
				</a>
			</div>
			<h4>
				<a href="#">${goodsCustomsRest.goodsBrand
								}${goodsCustomsRest.goodsName }</a>
			</h4>
			<p>${goodsCustomsRest.goodsDescription }</p>
			<span>￥${goodsCustomsRest.goodsPrice }</span>
		</div>
		<br />
		<br />
		<br />
		<br />

		</div>
	</c:forEach>
	<!-- <div class="grid1_of_4">
		<div class="content_box">
			<a href="details.html">
				<div class="view view-fifth">
					<img src="images/10.jpg" class="img-responsive" alt="" />
					<div class="mask">
						<div class="info">Quick View</div>
					</div>
			</a>
		</div>
		<h4>
			<a href="details.html"> Duis autem</a>
		</h4>
		<p>It is a long established fact that a reader</p>
		<span>$99.99</span>
	</div>
	</div>


	<div class="grid1_of_4">
		<div class="content_box">
			<a href="details.html">
				<div class="view view-fifth">
					<img src="images/11.jpg" class="img-responsive" alt="" />
					<div class="mask">
						<div class="info">Quick View</div>
					</div>
			</a>
		</div>
		<h4>
			<a href="details.html"> Duis autem</a>
		</h4>
		<p>It is a long established fact that a reader</p>
		<span>$99.99</span>
	</div>
	</div>
	<div class="grid1_of_4">
		<div class="content_box">
			<a href="details.html">
				<div class="view view-fifth">
					<img src="images/12.jpg" class="img-responsive" alt="" />
					<div class="mask">
						<div class="info">Quick View</div>
					</div>
			</a>
		</div>
		<h4>
			<a href="details.html"> Duis autem</a>
		</h4>
		<p>It is a long established fact that a reader</p>
		<span>$99.99</span>
	</div>
	</div>
	<div class="grid1_of_4">
		<div class="content_box">
			<a href="details.html">
				<div class="view view-fifth">
					<img src="images/13.jpg" class="img-responsive" alt="" />
					<div class="mask">
						<div class="info">Quick View</div>
					</div>
			</a>
		</div>
		<h4>
			<a href="details.html"> Duis autem</a>
		</h4>
		<p>It is a long established fact that a reader</p>
		<span>$99.99</span>
	</div>
	</div> -->

	<div class="clearfix"></div>
	</div>
	<!-- end grids_of_4 -->
	</div>
	<div class="clearfix"></div>
	</div>
	</div>
	<!-- content -->
	<!-- footer -->
	<div class="footer">
		<div class="container">
			<p>
				Copyright &copy; 2015.Company name All rights reserved.<a
					target="_blank" href="http://sc.chinaz.com/moban/">精英大侠;</a>
			</p>
		</div>
	</div>
	<!-- footer -->
	<div style="display:none">
		<script src='http://v7.cnzz.com/stat.php?id=155540&web_id=155540'
			language='JavaScript' charset='gb2312'></script>
	</div>
</body>
</html>